<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${message("查询词汇")}</title>
<link href="/resources/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/resources/js/reference/jquery.js"></script>
<script type="text/javascript" src="/resources/js/base/dialog.js"></script>
<script type="text/javascript" src="/resources/js/base/request.js"></script>
<script type="text/javascript" src="/resources/js/base/global.js"></script>
<script type="text/javascript" src="/resources/js/reference/mmGrid.js"></script>
<link href="/resources/css/mmGrid.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$().ready(function() {
		var cols = [
		{ title:'${message("词汇名")}', name:'value' ,align:'center'},
		{ title:'${message("词汇编码")}', name:'code' ,align:'center',renderer:function(val,item,rowIndex){
			if(item.parent == null){
				return val;	
			}else{
				return '';
			}
		}},
	];
	var multiSelect = false;
	[#if multi==2]
		multiSelect = true;
	[/#if]
	
	$mmGrid = $('#table-m1').mmGrid({
		multiSelect:multiSelect,
		autoLoad: true,
		fullWidthRows:true,
		checkByClickTd:true,
		rowCursorPointer:true,
        cols: cols,
        url: 'select_system_dict_data.jhtml',
	    params:function(){
        	return $("#listForm").serializeObject();
        },
	    plugins : [
            $('#paginator').mmPaginator()
        ]
    });
	});
	function childMethod(){
	   return $mmGrid.selectedRows();
	};
	
	function getChildren(e){
	var status = $(e).attr("data-status");
	var id = $(e).attr("data-id");
	var rowIndex = $(e).closest("tr").index();
	if(status==""){
		rowIndex = parseInt(rowIndex) + 1;
		//console.log(rowIndex)
		ajaxSubmit($(id),{
			method:'post',
			url:'getChildren.jhtml?id='+id,
			callback: function(data) {
				$mmGrid.addRow(data.objx,rowIndex);
				$("tr").removeClass("even");
				$("tr:nth-child(2n)").addClass("even");
			}
		})
		$(e).attr("data-status","1");		
	}else if(status==1){
		$(".mmGrid").find("a[data-parent="+id+"]").parent().parent().parent().hide();
		$(e).attr("data-status","0");
		$("tr").removeClass("even");
		$("body").find("tr:visible:even").addClass("even");
	}else{
		$(".mmGrid").find("a[data-parent="+id+"]").parent().parent().parent().show();
		$(e).attr("data-status","1");
		$("tr").removeClass("even");
		$("body").find("tr:visible:even").addClass("even");
	}
}
</script>
</head>
<body style="min-width:0px;">
	<form id="listForm" action="select_system_dict.jhtml" method="get">
	<input type="hidden" name="search" value="1">
	<div class="bar">
		<div class="buttonWrap">
		</div>
		<div id="searchDiv">
	        <div id="search-content" >
		    	<dl>
			    	<dt><p>${message("词汇编码")}：</p></dt>
			    	<dd>
						<input class="text" maxlength="200" type="text" name="code"  btn-fun="clear">
			    	</dd>
			    </dl>
			    <dl>
			    	<dt><p>${message("词汇名")}：</p></dt>
			    	<dd>
						<input class="text" maxlength="200" type="text" name="value"  btn-fun="clear">
			    	</dd>
			    </dl>
	        </div>
		<div class="search-btn"><a href="javascript:;" id="searchBtn" class="iconButton">${message("1004")}</a></div>
		</div>
	</div>
	<div class="table-responsive">
		<table id="table-m1"></table>
        <div id="body-paginator" style="text-align:left;">
            <div id="paginator"></div>
        </div>
	</div>
</form>
</body>
</html>